<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--    为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签。-->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <!-- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> -->
<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>


    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>


    <title>成员用户中心</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <style>
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <ul class="nav nav-pills">
                <li class="active">
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">成员列表</a>
                </li>
<!--                <li class="disabled">-->
<!--                    <a href="#">信息</a>-->
<!--                </li>-->

                <li class="dropdown pull-right">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle">更多<strong class="caret"></strong></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="#">BLOG主页</a>
                        </li>
                        <li>
                            <a href="#">设置栏目</a>
                        </li>
                        <li>
                            <a href="#">更多设置</a>
                        </li>
<!--                        <li class="divider">-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <a href="#">分割线</a>-->
<!--                        </li>-->
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-6 column">
            <h3>
				成员中心
            </h3>
            <h2>
				用于注册和登录BLOG成员
            </h2>
            <p>
				欢迎加入BLOG成员中的一员
            </p>
            <p>
                <a class="btn" href="#">View details »</a>
            </p>
        </div>
        <div class="col-md-6 column">
            <div class="tabbable" id="tabs-337737">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#panel-441375" data-toggle="tab">登录</a>
                    </li>
                    <li>
                        <a href="#panel-873548" data-toggle="tab">注册</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="panel-441375">
                        <form action="login" method="post" role="form" class="form-horizontal login_tab">
                            <div class="form-group">
                                <div class="col-sm-7">
                                    <input type="text" class="form-control acount-form-input" name="username" placeholder="请输入用户名"/>
                                </div>
                                <div class="col-sm-5 form-control-static">
                                	<p class="login_help"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-7">
                                    <input type="password" class="form-control acount-form-input" name="password" placeholder="请输入密码"/>
                                </div>
                                <div class="col-sm-5 form-control-static">
                                	<p class="login_help"></p>
                                </div>
                            </div>
                            <div class="checkbox">
                                <label><input type="checkbox"/>记住密码</label>
                            </div><!--  <input type="submit" name="login" value="登录" ></input> -->
                            <button type="submit" name="login" value="登录" class="btn btn-default" > 登录</button>
                            
                        </form>
                    </div>
                    <div class="tab-pane" id="panel-873548">
                        <form action="login" method="post" role="form" class="form-horizontal register_tab">
                            <div class="form-group">
                                <div class="col-sm-7">
                                    <input type="email" class="form-control acount-form-input" name="email" id="email" placeholder="请输入邮箱"/>
                                </div>
                                <div class="col-sm-5 form-control-static">
                                	<p class="register_help"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-7">
                                    <input type="text" class="form-control acount-form-input" name="username" placeholder="请输入用户名"/>
                                </div>
                                <div class="col-sm-5 form-control-static">
                                	<p class="register_help"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-7">
                                    <input type="password" class="form-control acount-form-input" name="password" placeholder="请输入密码"/>
                                </div>
                                <div class="col-sm-5 form-control-static">
                                	<p class="register_help"></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-7">
                                    <input type="password" class="form-control acount-form-input" name="password_again" placeholder="确认密码"/>
                                </div>
                                <div class="col-sm-5 form-control-static">
                                	<p class="register_help"></p>
                                </div>
                            </div>
                            <div class="checkbox">
                                <label><input type="checkbox"/>记住密码</label>
                            </div> <button type="submit" name="register" value="注册" class="btn btn-default"> 注册</button>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script src="<%=request.getContextPath() %>/static/js/login.js"></script>
</body>
</html>